var listData=[
	{
		name:'TBR ASDF1111',
		pinpai:'NHJ',
		xinghao:'B/JIH',
		danwei:'mm',
		kucun:'1800',
		price:'90',
	},
	{
		name:'TBR ASDF2222',
		pinpai:'TGHJ',
		xinghao:'B/JIH',
		danwei:'mm',
		kucun:'400',
		price:'100',
	},
	{
		name:'TBR ASDF3333',
		pinpai:'NKM',
		xinghao:'A/JIH',
		danwei:'mm',
		kucun:'200',
		price:'300',
	},
	{
		name:'TBR ASDF4444',
		pinpai:'NHJ',
		xinghao:'B/JIH',
		danwei:'mm',
		kucun:'1800',
		price:'400',
	},
	{
		name:'TBR ASDF5555',
		pinpai:'NHJ',
		xinghao:'B/JIH',
		danwei:'mm',
		kucun:'1800',
		price:'500',
	},
	{
		name:'TBR ASDF6666',
		pinpai:'NHJ',
		xinghao:'B/JIH',
		danwei:'mm',
		kucun:'1800',
		price:'600',
	},
	{
		name:'TBR ASDF7777',
		pinpai:'TGHJ',
		xinghao:'B/JIH',
		danwei:'mm',
		kucun:'400',
		price:'700',
	},
	{
		name:'TBR ASDF8888',
		pinpai:'NKM',
		xinghao:'A/JIH',
		danwei:'mm',
		kucun:'200',
		price:'800',
	},
	{
		name:'TBR ASDF9999',
		pinpai:'NHJ',
		xinghao:'B/JIH',
		danwei:'mm',
		kucun:'1800',
		price:'900',
	},
	{
		name:'TBR ASDF0000',
		pinpai:'NHJ',
		xinghao:'B/JIH',
		danwei:'mm',
		kucun:'1800',
		price:'1000',
	},
]
for(var i = 0;i<listData.length;i++){
	var html="";
	html+='<li><div class="left"><input type="checkbox" id="serchbox_'+i+'"/></div>';
	html+='<div class="shopmsg"><i class="inum" tit="'+i+'"></i><p id="shopname">'+listData[i].name+'</p>';
	html+='<p>品牌：<span id="pinpai">'+listData[i].pinpai+'</span> 型号/规格 ：<span id="xinghao">'+listData[i].xinghao+'</span> 单位：<span id="danwei">'+listData[i].danwei+'</span></p>'
	html+='<p>单价：<i>￥</i><span id="price">'+listData[i].price+'</span><em>库存:</em><span id="kucun">'+listData[i].kucun+'</span>个</p>'
	html+='<p><button class="add">加入购物车</button></p></div></li>';
	$(".content ul").append(html)
}

//=====商品选中的样式======
$('.content input[type="checkbox"]').live("click",(function(){
	if ($(this).is(':checked')) {
        $(this).addClass('mark');
		$(this).parents("li").find(".add").css({"background":"#ccc","border":"1px solid #ccc"});
		$(this).parents("li").find(".add").text("购物车移除");
        
    } else {
        $(this).removeClass('mark')
		$(this).parents("li").find(".add").css({"background":"red","border":"1px solid red"})
		$(this).parents("li").find(".add").text("加入购物车");
        
    }
}))
//========全选全不选样式======
$("#all_checkbox").live("click",function(){
	if ($(this).is(':checked')) {
        $(this).parents().find('li input').addClass('mark');
    } else {
        $(this).parents().find('li input').removeClass('mark');
    }
})


//加入购物车，将选中的商品存到一个数组中 去
function numTotal(){
	var shopData=[];//定义一个空的数组
	
	var $input = $(".left input[type='checkbox']");
	$input.each(function(){
		$(this).live("click",function(){
			if($(this).is(':checked')){
				var name = $(this).parents().find("#shopname").html(); 
				var pinpai = $(this).parents().find("#pinpai").html(); 
				var xinghao = $(this).parents().find("#xinghao").html(); 
				var danwei = $(this).parents().find("#danwei").html(); 
				var kucun = $(this).parents().find("#kucun").html(); 
				var price = $(this).parents().find("#price").html(); 
				var inDex = $(this).parents().find(".inum").attr("tit");	
				shopData.push({
					'name':name,
					'pinpai':pinpai,
					'xinghao':xinghao,
					'danwei':danwei,
					'kucun':kucun,
					'price':price,
					'index':inDex,
				})
			}else {
            	for(i in shopData){
            		if(shopData[i].index == $(this).parents().find(".inum").attr("tit")){
            			shopData.splice(i,1);
            		}
            	}
            }
			console.log(shopData)
			
			var shopNum = parseInt(shopData.length);
						
			$(".allNumber").text(shopNum);	
			var arr = JSON.stringify(shopData)
			sessionStorage["arr"] = arr;
		})

	})

	
	$(".add").each(function(){
			$(this).live("click",function(){
				if($(this).html()=="加入购物车"){
					$(this).text("购物车移除");
					$(this).css({"background":"#ccc","border":"1px solid #ccc"})
					$(this).parent().parent().siblings(".left").find("input").prop('checked', true);
					$(this).parent().parent().siblings(".left").find("input").addClass("mark")
					//======单个添加购物车=====
					var name = $(this).parents().find("#shopname").html(); 
					var pinpai = $(this).parents().find("#pinpai").html(); 
					var xinghao = $(this).parents().find("#xinghao").html(); 
					var danwei = $(this).parents().find("#danwei").html(); 
					var kucun = $(this).parents().find("#kucun").html(); 
					var price = $(this).parents().find("#price").html(); 
					var inDex = $(this).parents().find(".inum").attr("tit");				
					shopData.push({
						'name':name,
						'pinpai':pinpai,
						'xinghao':xinghao,
						'danwei':danwei,
						'kucun':kucun,
						'price':price,
						'index':inDex,
					})
					console.log(shopData)
				}else if($(this).html()=="购物车移除"){
					$(this).parent().parent().siblings(".left").find("input").prop('checked', false);
					$(this).parent().parent().siblings(".left").find("input").removeClass("mark")
					$(this).text("加入购物车");
					$(this).css({"background":"red","border":"1px solid red"});
				    for(i in shopData){
						console.log(shopData.length)
	            		if(shopData[i].index == $(this).parents().find(".inum").attr("tit")){
	            			shopData.splice(i,1)
							console.log(shopData);
	            		}
	            	}
				}
				console.log(shopData);
				var shopNum = parseInt(shopData.length);
						
			$(".allNumber").text(shopNum);	
				var arr = JSON.stringify(shopData)
				sessionStorage["arr"] = arr;
				
		})
	})
}
numTotal();







































